<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta charset="UTF-8">
<link rel="stylesheet" href="assets/app.css">
<script src="assets/app.js" type="text/javascript"></script>

<script type="text/javascript">
	var $grid;

	$(function() {
		$("#content").ligerLayout();
		$("#navtab1").ligerTab();
		$grid = $("#maingrid").ligerGrid({
			columns : [ {
				display : '主键',
				name : 'id',
				width : '30%',
				type : 'int'
			}, {
				display : '名字',
				name : 'name',
				width : '40%'
			}, {
				display : '性别',
				name : 'sex',
				width : '30%'
			} ],
			width : '100%',
			pkName : 'id',
			pageSizeOptions : [ 5, 10, 15, 20 ],
			height : '100%'
		});

	});

	function add() {
		$.ligerDialog.show({
			title : '新增组织',
			target : $("#target1"),
			width : 800,
			height : 600
		});
	}
</script>
<style type="text/css">
body {
	padding: 5px;
	margin: 0;
}

.l-btn2 {
	float: left;
	margin: 5px;
}

.l-button-submit, .l-button-reset {
	width: 80px;
	float: left;
	margin-left: 10px;
	padding-bottom: 2px;
}
</style>
</head>
<body style="height: 85%; margin: 0px;">
	<nav class="navbar navbar-default">
	<div class="container-fluid">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
				aria-expanded="false">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#">志愿者平台</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse"
			id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li><a href="#">组织管理 <span class="sr-only">(current)</span></a></li>
				<li><a href="#">志愿者管理</a></li>
				<li class="dropdown"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown" role="button" aria-haspopup="true"
					aria-expanded="false">活动管理 <span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href="#">项目管理</a></li>
						<li><a href="#">活动管理</a></li>
					</ul></li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#">待办事项(<font color="red">0</font>)
				</a></li>
				<li><a href="#">修改密码</a></li>
				<li><a href="#">退出登录</a></li>
			</ul>
		</div>
	</div>
	</nav>
	<div id="content">
		<div id="navtab1" style="overflow: hidden; height: 100%;">
			<div title="组织管理" showClose="true">
				<a href="javascript:add()" class="l-button l-btn2">增加</a> <a href=""
					class="l-button l-btn2">修改</a> <a href="" class="l-button l-btn2">删除</a>
				<span id="searchbar" style="float: right; margin: 5px"> <input
					id="txtKey" type="text" /> <input id="btnOK" type="button"
					value="搜索" />
				</span>

				<div id="maingrid" title="组织列表"
					style="overflow: hidden; height: 90%;"></div>
			</div>
		</div>
		<div id="target1" style="display: none;">
			<form name="form1" method="post"
				action="../service/EmployeeEdit.aspx?ID=0" id="form1">
				<table cellpadding="0" cellspacing="0" class="l-table-edit">
					<tr>
						<td align="right" class="l-table-edit-td">名字:</td>
						<td align="left" class="l-table-edit-td"><input
							name="txtName" type="text" id="txtName" ltype="text" /></td>
					</tr>
				</table>
				<input type="submit" value="提交" id="Button1"
					class="l-button l-button-submit" /> <input type="reset" value="重置"
					class="l-button l-button-reset" />
			</form>
		</div>
	</div>
</body>
</html>